// ElementUI 会把弹窗的元素直接挂在根节点 非scoped生效的样式
// SELECT
.t-select-popper {
  color: red !important;
}
.t-select-popper {
  .el-select-dropdown__item.selected {
    color: $themeColor !important;
    font-weight: 700;
  }
}
//Cascader
.t-cascader-popper {
  .el-cascader__suggestion-item.is-checked {
    color: $themeColor;
    font-weight: 700;
  }
  .el-cascader-node.in-active-path,
  .el-cascader-node.is-active,
  .el-cascader-node.is-selectable.in-checked-path {
    color: $themeColor;
    font-weight: 700;
  }
}

// DATE
.t-date-picker {
  .el-date-table td.today span {
    color: $themeColor;
    font-weight: 700;
  }
  .el-date-table td.available:hover {
    color: $themeColor;
  }

  .el-date-table td.current:not(.disabled) span {
    background-color: $themeColor;
  }

  .el-date-table td.end-date span,
  .el-date-table td.start-date span {
    background-color: $themeColor;
  }

  .el-date-table td.selected span {
    background-color: $themeColor;
  }
  .el-month-table td.today .cell {
    color: $themeColor;
  }
  .el-month-table td .cell:hover {
    color: $themeColor;
  }
  .el-month-table td.end-date .cell,
  .el-month-table td.start-date .cell {
    background-color: $themeColor;
  }
  .el-month-table td.current:not(.disabled) .cell {
    color: $themeColor;
  }
  .el-year-table td.today .cell {
    color: $themeColor;
  }
  .el-year-table td .cell:hover {
    color: $themeColor;
  }

  .el-year-table td.current:not(.disabled) .cell {
    color: $themeColor;
  }
  .el-time-spinner__arrow:hover {
    color: $themeColor;
  }
}
